<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="<%=basePath%>">
		<meta charset="utf-8" />
		<title></title>
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="static/css/bootstrap.min.css" />
		<link rel="stylesheet" href="static/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="static/css/font-awesome.min.css" />
		<!-- 下拉框 -->
		<link rel="stylesheet" href="static/css/chosen.css" />
		<link rel="stylesheet" href="static/css/ace.min.css" />
		<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="static/css/ace-skins.min.css" />
		<link rel="stylesheet" href="static/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
		<style type="text/css">
		input, textarea, .uneditable-input {
		    width: 306px;
		}
		</style>
		<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
		<!--提示框-->
		<script type="text/javascript" src="static/js/jquery.tips.js"></script>
		
		<script type="text/javascript">
			//保存
			function save(){
				if($("#cat_name").val()=="" || $("#cat_name").val()=="此类型名称已存在!"){
					$("#cat_name").tips({
						side:3,
			            msg:'输入类型名称',
			            bg:'#AE81FF',
			            time:2
			        });
					
					$("#cat_name").focus();
					$("#cat_name").val('');
					$("#cat_name").css("background-color","white");
					return false;
				}
				
				hasCatagoryName();
			}
			
			//判断品牌名称是否存在
			function hasCatagoryName(){
				var cat_name = $("#cat_name").val();
				<%-- var url = "<%=basePath%>/product/catagory/hasCatagoryName.do?cat_name="+cat_name+"&tm="+new Date().getTime(); --%>
				
				$.ajax({
					type : "PUT",
					url : "product/catagory/hasCatagoryName/"+cat_name+ ".json",
					//data:JSON.stringify(dicvalue),
					contentType:"application/json",  //发送至服务器的类型
					//dataType : "json",     //预期服务器返回类型
					success: function(data){
						//alert(data.string);
						//return false;
						if(data.string=="error"){
							$("#cat_name").css("background-color","#D16E6C");
							setTimeout("$('#cat_name').val('此类型名称已存在!')",500);
						}else{
							$("#catagoryForm").submit();
							$("#centerOfMainFrame").hide();
							$("#centerOfMainFrame2").show();
						}
					}
				});
				
				/* $.get(url,function(data){
					alert(data.msg);
					if(data=="error"){
						$("#cat_name").css("background-color","#D16E6C");
						setTimeout("$('#catagory_name_zh').val('此类型名称已存在!')",500);
						return false;
					}else{
						$("#catagoryForm").submit();
						$("#centerOfMainFrame").hide();
						$("#centerOfMainFrame2").show();
						return true;
					}
				}); */
			}
			
		</script>
	</head>
<body>
	<form action="<%=basePath%>/product/catagory/saveProductCatagory.do" name="catagoryForm" id="catagoryForm" method="post" enctype="multipart/form-data">
		<input type="hidden" name="currentselectproductcatagoryid" id="currentselectproductcatagoryid" value="${pageData.currentselectproductcatagoryid }"/>
		<div id="centerOfMainFrame">
			<table>
				<tr>
					<td>上级类型：<input type="text" width="300px" name="parent_cat_name" id="parent_cat_name" maxlength="32" value="${pageData.parent_cat_name }" title="上级品牌名称" readonly="readonly"/></td>
				</tr>
				<tr>
					<td>类型名称：<input type="text" name="cat_name" id="cat_name" maxlength="32" placeholder="这里输入类型名称" value="" title="类型名称"/></td>
				</tr>
				<tr>
					<td>类型描述：<input type="text" name="cat_desc" id="cat_desc"  maxlength="32" placeholder="这里输入类型描述" value="" title="类型描述"/></td>
				</tr>
				<tr>
					<td style="text-align: center;">
						<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
						<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
					</td>
				</tr>
			</table>
		</div>
		<input type="hidden" name="token" value="${token}" />
		<div id="centerOfMainFrame2" class="center" style="display:none"><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green"></h4></div>
	</form>
	
	<!-- 引入 -->
	<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
	<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="static/js/ace.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 单选框 -->
	<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
	<!-- 编辑框-->
	<script type="text/javascript">
	$(top.hangge());
	$(function() {
		//单选框
		$(".chzn-select").chosen(); 
		$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
	});
	</script>
</body>
</html>